<script type="text/javascript">

function selectPais (idPais, nombrePais) {
	$('#parent_id').val(idPais);
	$('#parentText').val(nombrePais);
	$("#name").focus();
}

function selectOnClick (elemento) {
	if (elemento.value == -1){
		alert("Debe seleccionar una zona");
		return;
	}
	$('#parent_id').val(elemento.value);
	$('#parentText').val(elemento.options[elemento.selectedIndex].text);
	$("#name").focus();
}

function loadChilds (data) {
 	$("#zones_div").html(data);
 	
}

function loadChildsAjaxCall(element,loadStrategy) {
	parentId = element.value;
	selectOnClick(element);
	if (parentId == -1) return;
	$.ajax({
		url:"/zone/getall/parent/" + parentId ,
		success:loadStrategy
	});
}

</script>
<h3><a href="/zone/list/" title="Listado de zonas">Listado de zonas</a></h3>
<br/>
<table width="90%">
<tr>
	<td width="20%">
		<div>
			<a href="javascript:selectPais(1,'Argentina');"> incluir subzona en pais</a> 
			<br/><br/>
			
			<label for="zones1">Provincia</label>
				<?php
					$zone_id = $this->element->zone_id->getValue();
					if($zone_id <= 0){
						echo $this->getHelper('zone')->getZoneList( 1 );
						echo '<div id="zones_div"></div>';
					}else{
						$combos = $this->getHelper('zone')->getZonesList( $zone_id );
						for($i = count($combos) - 1; $i >= 0; $i--){
							echo $combos[$i];
							if ($i == count($combos) - 1){
								echo '<div id="zones_div">';								
							}
						}
						echo '</div>';
					}
					
				?>
				
		</div>
	</td>
	<td>
	  
	</td>
	<td>
		<h3>Formulario de zonas</h3>
		<form id="forms" action="<?=$this->element->getAction();?>" method="<?=$this->element->getMethod();?>">
			<label for="parentText">Dentro de</label>
			<?= $this->element->parentText;?>
			<?= $this->element->parent_id;?>
			<label for="name">Nombre:</label>
			<?= $this->element->name;?>	
			<?= $this->element->zone_id;?>
			<input type="submit" value="Guardar" />
		</form>
	</td>
</tr>
</table>